1"use client";
2
3
9import { useParams } from "next/navigation";
10import { Loader2 } from "lucide-react";
11import { useWorkspace } from "@/hooks/use-workspace";
12import { FileBrowser } from "@/components/files/FileBrowser";
13
14export default function FilesBrowserPage() {
15 const params = useParams<{ workspace: string }>();
16 const slug = params?.workspace ?? "";
17 const { data: workspace, isLoading } = useWorkspace(slug);
18
19 if (isLoading) {
20 return (
21 <div className="flex h-64 items-center justify-center">
22 <Loader2 className="size-5 animate-spin text-muted-foreground" aria-hidden />
23 </div>
24 );
25 }
26
27 if (!workspace?.id) return null;
28
29 return <FileBrowser workspaceId={workspace.id} />;
30}
31